<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0 user-scalable=no"/>
		<title>首页</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<header class="header-top">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-9 header-nav">
						<div class="header-logo center-block">
							<a href="index.html"><img src="img/public-img/logo.png"/></a>
						</div>
						<div class="header-links">
							<ul class="link center-block">
								<li class="loginSelect"><a href="login.html">登录</a></li>
								<li>|</li>
								<li class="regSelect"><a href="reg.html">注册</a></li>
								<li>|</li>
								<li class="myShopCart">
									<a href="#">我的购物车<b>( 0 )</b></a>
									<ul class="shopCartList">
										<li><a href="#">您的购物车为空</a></li>
									</ul>
								</li>
								<li class="hidden-xs">|</li>
								<li class="hidden-xs language">
									<a href="order.html">订单中心</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-xs-12 col-sm-3" id="header-search">
						<input type="text"placeholder="请输入你想要的商品"/>
						<span class="glyphicon glyphicon-search search-btn"></span>
					</div> 	
				</div>
			</div>
		</header>
		<nav class="nav-list navbar navbar-inverse">
			<div class="container-fluid">
					<div class="navbar-header">
			          <button type="button" class="navbar-toggle collapsed center-block" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			          </button>
			        </div>
					<div id="navbar" class="collapse navbar-collapse">
						<ul class="nav navbar-nav shopListAll center-block">
						</ul>
					</div>
			</div>
		</nav>
		<section class="indexBanner">
			<ul id="banner">
				<li><a href=""><img src="img/index-img/banner0.jpg"/></a></li>
				<li><a href=""><img src="img/index-img/banner1.jpg"/></a></li>
				<li><a href=""><img src="img/index-img/banner2.jpg"/></a></li>
				<li><a href=""><img src="img/index-img/banner3.jpg"/></a></li>
				<li><a href=""><img src="img/index-img/banner4.jpg"/></a></li>
			</ul>
			<div class="leftBtn"><span class="glyphicon glyphicon-menu-left"></span></div>
			<div class="rightBtn"><span class="glyphicon glyphicon-menu-right"></span></div>
			<ul id="circle">
				<li class="circleCurrent"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</section>
		<div class="ad-img hidden-xs">
			<div class="container">
				<dov class="row">
					<div class="col-sm-4 sm-ad">
						<img src="img/index-img/sm-ad1.png"/>
						<span></span>
					</div>
					<div class="col-sm-4 sm-ad">
						<img src="img/index-img/sm-ad2.png"/>
						<span></span>
					</div>
					<div class="col-sm-4 sm-ad">
						<img src="img/index-img/sm-ad3.png"/>
						<span></span>
					</div>
				</dov>
			</div>
		</div>
		<section class="indexContent">
			<div class="container">
				<div class="row">
					<div class="col-lg-12 houseHoldItem">
						<div class="contTit">
							<span></span>
							<h1></h1>
							<span></span>
						</div>
					</div>
					<div class="col-lg-12 furniture">
						<div class="contTit">
							<span></span>
							<h1></h1>
							<span></span>
						</div>
					</div>
					<div class="col-lg-12 stationery">
						<div class="contTit">
							<span></span>
							<h1></h1>
							<span></span>
						</div>
					</div>
					<div class="col-lg-12 digital">
						<div class="contTit">
							<span></span>
							<h1></h1>
							<span></span>
						</div>
					</div>
					<div class="col-md-6 big-ad hidden-sm">
						<img src="img/index-img/big-ad1.png"/>
						<span></span>
					</div>
					<div class="col-md-6 big-ad hidden-sm">
						<img src="img/index-img/big-ad2.png"/>
						<span></span>
					</div>
					<div class="col-lg-12 play">
						<div class="contTit">
							<span></span>
							<h1></h1>
							<span></span>
						</div>
					</div>
					<div class="col-lg-12 kitchen">
						<div class="contTit">
							<span></span>
							<h1></h1>
							<span></span>
						</div>
					</div>
					<div class="col-lg-12 food">
						<div class="contTit">
							<span></span>
							<h1></h1>
							<span></span>
						</div>
					</div>
					<div class="col-lg-12 kid">
						<div class="contTit">
							<span></span>
							<h1></h1>
							<span></span>
						</div>
					</div>
				</div>
			</div>
		</section>
		<div class="ad hidden-xs">
			<img src="img/public-img/ad-img.png"/>
		</div>
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6 col-xs-12 ">
						<ul class="footer-company center-block">
							<h2>公司资料</h2>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">关于我们</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">招聘</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">投资者</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">使用条款</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">隐私政策</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">联系我们</a></li>
						</ul>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-12 ">
						<ul class="myAccount center-block">
							<h2>我的账户</h2>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">订单状态/跟踪</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">通过电子邮件发送您的订单</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">退货和换货</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">电子礼品卡</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">公司礼品卡</a></li>
							<li><span class="glyphicon glyphicon-menu-right"></span><a href="">检查余额</a></li>
						</ul>
					</div>
					<div class="col-md-4 hidden-sm hidden-xs">
						<div class="communication center-block">
							<h2>通讯</h2>
							<p>订阅XXX邮件列表，接收新来港定居人士，优惠及其他折扣信息的更新。</p>
							<input type="text"id="commInput" placeholder="查询你想知道的信息"/>
							<input type="button"id="commBtn" value="订阅" />
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						<span class="center-block footerCopy">Copyright © PlazaThemes. All Rights Reserved.</span>
					</div>
				</div>
			</div>
		</footer>
		<div class="returnTop hidden-xs">
			<span class="glyphicon glyphicon-triangle-top"></span>
		</div>
		<script type="text/javascript" src="js/jquery-1.12.3.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/public.js" ></script>
		<script type="text/javascript" src="js/index.js" ></script>
	</body>
</html>
